{% include "header.html" %}
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="boxPattern bg-painel">
       
       <h3 class="titleFull"><span class="icon-usuario"></span>Painel do Usuário</h3>
       
		<div id="painel-sidebar">

            <div class="user-info">

            	<p><strong><center>{{ u.nome }}</center></strong></p>

            	<div class="avatar-cont">
                
                    {% if u.foto %}
                	<div class="avatar">
                    	<img src="/media/{{ u.foto }}" height="100%" alt="" width="100%"/>
                    </div>
                    {% else %}
                     <div class="avatar">
                    	<img src="{{ MEDIA_URL }}img/user.png" height="100%" alt="{{ u.nome }}" width="100%"/>
                    </div>
                    {% endif %}

                
                </div>
                
                <ul class="user-nav">
                	<li><a href="{% url ingenium.views.usuarioCadastro user_id=u.id %}"  target="_blank">Visualizar Currículo</a></li>
                    
                </ul>
                
                <div class="clear"></div>
            
            </div>
            
            <ul id="painel-nav">

              <li class="active"><a href="{% url ingenium.views.usuarioDashboard user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-dashboard.png" />Painel do Usuário</a></li>
              <li><a href="{% url ingenium.views.usuarioCurriculo user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Gerenciar Currículo</a></li>
              <li><a href="{% url ingenium.views.procura vag_id=u.id %}"><img src="{{ MEDIA_URL }}img/manager.png" />Painel de Vagas</a></li>
              <li><a href="{% url ingenium.views.usuarioMensagens cod=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-mensagens.png" />Mensagens</a></li>
              <li><a href="{% url ingenium.views.usuarioPerguntas user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-perguntas.png" />Perguntas Frenquentes</a></li>
              <li><a href="{% url ingenium.views.usuarioCursos user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-cursos.png" />Cursos e Treinamentos</a></li>
              <li><a href="{% url ingenium.views.usuariosugestao user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-ask-question.png" width="16" height="16"/>Dúvidas e Sugestões</a></li>
          </ul>

            
        </div>
        
        <div id="painel-conteudo">
        
        	<div class="painel-conteudo-header">
            
            	<span class="painel-home-button"><a href="{% url ingenium.views.usuarioDashboard user_id=u.id  %}">Painel do usuário</a></span>
                
                <span class="breadcrumb">Painel do usuário<a class="sair" href="{% url ingenium.views.sair %}">Sair</a></span>
                
            </div>
        

        
        	<div class="box-painel">
            
            	<h3 class="accordion">Últimas Mensagens</h3>
                
                <div class="box-painel-cont accordion-content">
                
                	<div class="box-meta"><span style="width:482px; float:left; margin-right: 10px;">Mensagem</span><span style="width:80px; float:left;">Data</span></div>
                    
                    <ul class="painel-lista-mensagens">
                    	{% for mensagemUsuario in mU %}
                            {% if mensagemUsuario.usuario.id == u.id or mensagemUsuario.usuario == null %}
                        <li>
                        	<h2><a href="{% url ingenium.views.usuarioInterna user_id=u.id %}">{{ mensagemUsuario.assunto }}</a></h2>
                            <span>{{ mensagemUsuario.data|date:'d/m/y' }}</span>
                        </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                
                </div>
            
            </div>
            <div class="box-painel">

            	<h3 class="accordion">Empregos Disponíveis</h3>

                <div class="box-painel-cont accordion-content">
                {%if ar%}

				Voce já se candidatou nas seguintes vagas:
				{%for cadastrada in ar%}
				<li style="list-style: none;"><img style="padding-top: 1px" src="{{ MEDIA_URL }}img/iconset3.png" width="16" height="16"/>
				{{cadastrada.vaga.descricao}}
				</li>
				{%endfor%}

				{%endif%}
                	<div class="box-meta"><span style="width:482px; float:left; margin-right: 10px;"></span><span style="width:80px; float:left;"></span></div>
                    <form action="/procura/{{ u.id }}/" method ="post">
                        {% if vg %}
                        <br> Lista de Vagas: </br>
                        {% endif %}
                    	<ul class="empresa-vaga">
                        {% for empresavaga in vg %}

                        <li>
                        	<input id = "vaga{{empresavaga.id}}" value = "{%if empresavaga.id%}{{empresavaga.id}}{%else%}0{%endif%}" name = "vaga{{empresavaga.id}}" type="checkbox" > {{ empresavaga.descricao }}
                        </li>

                        {% endfor %}
                        </ul>
                            <br>
						<div class="button-cadastrar">
							<button class="button-laranja" type="submit">Candidatar</button>
						</div>
					</form>
                </div>

            </div>
            <div class="box-painel-small">
            
            	<h3 class="accordion">Empregos por Área</h3>
                
                <div class="box-painel-cont accordion-content box-painel-padding-m">
                
                	<ul class="painel-lista-vagas">
                        {% for areavaga in areavaga|slice:"0:9" %}
                    	<li>
                        	<h2><a>{{ areavaga.areaatuacao }} </a></h2>
                            <span>{{ areavaga.qtdvagas }} </span>
                        </li>
                        {% endfor %}
                    
                    </ul>
                
                </div>
            
            </div>
            
            <div class="box-painel-small">
            
            	<h3 class="accordion">Cursos e Treinamentos abertos</h3>
                
                <div class="box-painel-cont accordion-content">
                
                	<ul class="painel-lista-cursos">
                    
                    	{% for eventos in eventos %}
                    	<li>
                        	<h2><a href="{% url ingenium.views.eventos%}" target="_blank">{{ eventos.titulo }}</a></h2>
                        </li>
                        {% endfor %}
                    
                    </ul>
                    
               	</div>
            
            </div>
        
        </div>
        
        <div class="clear"></div>		

      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
      
    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
  
  {% include "rodape.html" %}
